<meta name="viewport" content="width=device-width, initial-scale=1" />
<!–[if lt IE 9]>
<script src=”http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js”></script>
<![endif]–>
<!DOCTYPE html>
<!-- saved from url=(0059)https://tenchat.github.io/classfour.github.io/ -->
<html class=" js cssanimations csstransitions" data-blockbyte-bs-uid="15926">
	<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title _msthash="149916" _msttexthash="1858584" _msthidden="1">初二四班班级网站</title>
<!--style type="text/css">
.linear{
background-image: ;
height: 100%;
}
</style-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="./css/css.css" rel="stylesheet" type="text/css">
<link href="./css/style.css" rel="stylesheet" type="text/css" media="all">
<link rel="stylesheet" type="text/css" href="./css/magnific-popup.css">
<script src="./js/jquery.min.js"></script>
<style type="text/css">._th-container ._th-item{margin-bottom:3px;position:relative;width:30px;height:30px;cursor:pointer;opacity:.3;background-color:aquamarine;border-radius:100%;text-align:center;line-height:30px;-webkit-transition:all .35s;-o-transition:all .35s;transition:all .35s;right:30px}._th-container ._th-item._item-x2{margin-left:18px;width:40px;height:40px;line-height:40px}._th-container ._th-item._item-x-2{margin-left:17px;width:38px;height:38px;line-height:38px}._th-container ._th-item._item-x4{width:36px;height:36px;margin-left:16px;line-height:36px}._th-container ._th-item._item-x-4{width:32px;height:32px;line-height:32px;margin-left:14px}._th-container ._th-item._item-reset{width:30px;line-height:30px;height:30px;margin-left:10px}._th-click-hover{position:relative;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;height:50px;width:50px;cursor:pointer;opacity:.3;border-radius:100%;background-color:aquamarine;text-align:center;line-height:50px;right:0}._th-container:hover{left:-10px}._th-container{font-size:12px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;left:-40px;top:20%;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:100000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._th-container ._th-item:hover{opacity:.8;background-color:#5fb492;color:aliceblue}._th-container ._th-item:active{opacity:.9;background-color:#316347;color:aliceblue}._th-container:hover ._th-click-hover{opacity:.8}._th-container:hover ._th-item{opacity:.6;right:0}._th-container ._th-click-hover:hover{opacity:.8;background-color:#5fb492;color:aliceblue}._th_cover-all-show-times{position:fixed;top:0;right:0;width:100%;height:100%;z-index:99999;opacity:1;font-weight:900;font-size:30px;color:#4f4f4f;background-color:rgba(0,0,0,0.1)}._th_cover-all-show-times._th_hidden{z-index:-99999;opacity:0;-webkit-transition:1s all;-o-transition:1s all;transition:1s all}._th_cover-all-show-times ._th_times{width:300px;height:300px;border-radius:50%;background-color:rgba(127,255,212,0.51);text-align:center;line-height:300px;position:absolute;top:50%;right:50%;margin-top:-150px;margin-right:-150px;}</style>
<style type="text/css">
* {
    margin: 0;
    padding: 0;
    font-family: "microsoft yahei";
    color: #000;
    font-size: 14px;
}
ul {
    list-style: none;
}
a {
    text-decoration: none;
}
.container {
    margin: 0 auto;
    width: 1200px;
}
.block {
    padding: 20px 0;
}
.right_nav {
    right: 0;
    bottom: 100px;
    position: fixed;
    text-align: left;
    overflow: hidden;
    z-index: 999;
}
.right_nav li {
    background: #0085cd;
    margin: 4px 0;
    padding: 10px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    cursor: pointer;
    position: relative;
    right: -70px;
}
.right_nav li .iconBox {
    text-align: center;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between
}
.right_nav li img {
    width: 30px;
    height: 30px;
}
.right_nav li h4 {
    color: #fff;
    font-size: 14px;
    margin: 2px 0;
    margin-left: 15px;
}
.right_nav li:hover {
    background: #cf1322
}
.right_nav li .hideBox {
    display: none;
    position: absolute;
    right: 120px;
    padding: 10px;
    padding-right: 15px;
    top: -10px;
    z-index: 999;
}
.right_nav li .hideBox .hb {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 10px 20px;
    border-top: 2px solid #0085cd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.right_nav li .hideBox .hb h5 {
    padding: 5px 0;
    border-bottom: 2px solid #ccc;
    color: #0085cd;
    font-size: 16px;
    font-weight: 400;
    display: block;
    white-space: nowrap;
    text-align: center;
}
.right_nav li .hideBox .hb p {
    margin-top: 5px;
    font-size: 18px;
    font-weight: 700;
	text-align: center;
}
.right_nav li .hideBox .hb .qqtalk {
    margin-top: 10px;
}
.right_nav li .hideBox .hb .qqtalk a {
    display: flex;
    align-items: center
}
.right_nav li .hideBox .qqtalk img {
    width: 25px;
    height: 25px;
}
.right_nav li .hideBox .hb .qqtalk p {
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    margin-top: -5px;
    margin-left: 5px;
}
.right_nav li:nth-child(3) .hideBox img {
    width: 140px;
    height: 140px;
    margin-top: 10px;
}
</style>
<script id="picviewer-page-script">(function(messageID){
                var frameID=Math.random();
                var frames={
                    top:window.top,
                };

                window.addEventListener('message',function(e){
                    var data=e.data;
                    if( !data || !data.messageID || data.messageID != messageID )return;//通信ID认证
                    var source=e.source;
                    if(source===window){//来自contentscript,发送出去,或者干嘛。
                        if(data.to){
                            data.from=frameID;
                            frames[data.to].postMessage(data,'*');
                        }else{
                            switch(data.command){
                                case 'getIframeObject':{
                                    var frameWindow=frames[data.windowId];
                                    var iframes=document.getElementsByTagName('iframe');
                                    var iframe;
                                    var targetIframe;
                                    for(var i=iframes.length-1 ; i>=0 ; i--){
                                        iframe=iframes[i];
                                        if(iframe.contentWindow===frameWindow){
                                            targetIframe=iframe;
                                            break;
                                        };
                                    };
                                    var cusEvent=document.createEvent('CustomEvent');
                                    cusEvent.initCustomEvent('pv-getIframeObject',false,false,targetIframe);
                                    document.dispatchEvent(cusEvent);
                                }break;
                            };
                        };

                    }else{//来自别的窗口的，contentscript可以直接接收，这里保存下来自的窗口的引用
                        frames[data.from]=source;
                    };
                },true)
            })("pv-0.5106795670312598")</script><style type="text/css">                    #pv-float-bar-container {                    position: absolute;                    z-index:9999999998;                    padding: 5px;                    margin: 0;                    border: none;                    opacity: 0.6;                    line-height: 0;                    -webkit-transition: opacity 0.2s ease-in-out;                    transition: opacity 0.2s ease-in-out;                    display:none;                    }                    #pv-float-bar-container:hover {                    opacity: 1;                    }                    #pv-float-bar-container .pv-float-bar-button {                    vertical-align:middle;                    cursor: pointer;                    width: 18px;                    height: 18px;                    padding: 0;                    margin:0;                    border: none;                    display: inline-block;                    position: relative;                    box-shadow: 1px 0 3px 0px rgba(0,0,0,0.9);                    background: transparent center no-repeat;                    background-size:100% 100%;                    background-origin: content-box;                    -webkit-transition: margin-right 0.15s ease-in-out ,  width 0.15s ease-in-out ,  height 0.15s ease-in-out ;                    transition: margin-right 0.15s ease-in-out ,  width 0.15s ease-in-out ,  height 0.15s ease-in-out ;                    }                    #pv-float-bar-container .pv-float-bar-button:not(:last-child){                    margin-right: -14px;                    }                    #pv-float-bar-container .pv-float-bar-button:first-child {                    z-index: 4;                    }                    #pv-float-bar-container .pv-float-bar-button:nth-child(2) {                    z-index: 3;                    }                    #pv-float-bar-container .pv-float-bar-button:nth-child(3) {                    z-index: 2;                    }                    #pv-float-bar-container .pv-float-bar-button:last-child {                    z-index: 1;                    }                    #pv-float-bar-container:hover > .pv-float-bar-button {                    width: 24px;                    height: 24px;                    }                    #pv-float-bar-container:hover > .pv-float-bar-button:not(:last-child) {                    margin-right: 4px;                    }                    #pv-float-bar-container .pv-float-bar-button-actual {                    background-image:url("");                    }                    #pv-float-bar-container .pv-float-bar-button-search {                    background-image:url("");                    }                    #pv-float-bar-container .pv-float-bar-button-gallery {                    background-image:url("");                    }                    #pv-float-bar-container .pv-float-bar-button-current {                    background-image:url("");                    }                    #pv-float-bar-container .pv-float-bar-button-magnifier {                    background-image:url("");                    }                    </style><style class="blockbyte-bs-style" data-name="content">body>div#blockbyte-bs-indicator>div{opacity:0;pointer-events:none}body>iframe#blockbyte-bs-sidebar.blockbyte-bs-visible,body>iframe#blockbyte-bs-overlay.blockbyte-bs-visible{opacity:1;pointer-events:auto}body.blockbyte-bs-noscroll{overflow:hidden !important}body>div#blockbyte-bs-indicator>div{position:absolute;transform:translate3d(-24px, 0, 0);top:0;left:0;width:24px !important;height:100%;background:rgba(0,0,0,0.5);border-radius:0 10px 10px 0;transition:opacity 0.3s, transform 0.3s;z-index:2}body>div#blockbyte-bs-indicator>div>span{-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://lmjefbghkfeppnpofmbfmhgodpclipbl/img/icon-bookmark.svg);background-color:#ffffff;position:absolute;display:block;top:0;left:0;width:100%;height:100%}body>div#blockbyte-bs-indicator[data-pos='right']{left:auto;right:0}body>div#blockbyte-bs-indicator[data-pos='right']>div{transform:translate3d(24px, 0, 0);left:auto;right:0;border-radius:10px 0 0 10px}body>div#blockbyte-bs-indicator.blockbyte-bs-fullHeight>div{border-radius:0}body>div#blockbyte-bs-indicator.blockbyte-bs-hover>div{transform:translate3d(0, 0, 0);opacity:1}body>div#blockbyte-bs-indicator[data-pos='left'].blockbyte-bs-has-lsb{height:100% !important;top:0 !important}body>div#blockbyte-bs-indicator[data-pos='left'].blockbyte-bs-has-lsb>div{background:transparent}body>div#blockbyte-bs-indicator[data-pos='left'].blockbyte-bs-has-lsb>div>span{-webkit-mask-position-y:20px}body>iframe#blockbyte-bs-sidebar{width:350px;max-width:none;height:0;z-index:2147483646;background-color:rgba(255, 255, 255, 0.8) !important;border:none;display:block !important;transform:translate3d(-350px, 0, 0);transition:width 0s 0.3s, height 0s 0.3s, opacity 0.3s, transform 0.3s}body>iframe#blockbyte-bs-sidebar[data-pos='right']{left:auto;right:0;transform:translate3d(350px, 0, 0)}body>iframe#blockbyte-bs-sidebar.blockbyte-bs-visible{width:calc(100% + 350px);height:100%;transform:translate3d(0, 0, 0);transition:opacity 0.3s, transform 0.3s}body>iframe#blockbyte-bs-sidebar.blockbyte-bs-hideMask{background:none !important}body>iframe#blockbyte-bs-sidebar.blockbyte-bs-hideMask:not(.blockbyte-bs-hover){width:calc(350px + 50px)}body>iframe#blockbyte-bs-overlay{width:100%;max-width:none;height:100%;z-index:2147483647;border:none;background:rgba(0,0,0,0.5) !important;transition:opacity 0.3s}
</style></style>
<body style="background: linear-gradient(to top, rgba(124,188,215,1.00),white)">
<!-- start header -->
<!--start-slider---->
<div id="home"> 				
	<img src="image/head.jpg"></img>
</div>
<div class="linear" ></div>
<!-----------四班数据：QQ头像、QQ号、QQ昵称  4*14=56------------>
<div class="sevice" id="service">
	<div class="wrap">
		<div class="wrap" style="align-items: center">
				 		<div class="heading_h">
							<h3><a _msthash="371098" _msttexthash="6020846">学生党员</a></h3>
						</div>	
		<div class="service-grids">	
						<div class="images_1_of_4">							
					 		<img src="image/stu/01.jpg" style="width:130px; height:130px;border-radius:100%">
					 		<h3 _msthash="690027" _msttexthash="13155142">安元一</h3>
					 		<p _msthash="670124" _msttexthash="233033723" >小猪丫丫</p>
				     		<div class="button"><span><a href="https://user.qzone.qq.com/1796751000" _msthash="768079" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="image/stu/02.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="690430" _msttexthash="15857387">程子桐</h3>
							 <p _msthash="670527" _msttexthash="233033723">九千万少女的梦</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/750676661" _msthash="768482" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
		</div>						
		<div class="service-grids">							
						<div class="images_1_of_4">
							 <img src="image/stu/03.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="690833" _msttexthash="13985803">高福明</h3>
							 <p _msthash="670930" _msttexthash="233033723">Diamonds</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/3383526278" _msthash="768885" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="image/stu/04.png" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="691236" _msttexthash="10530234">高英理</h3>
							 <p _msthash="671333" _msttexthash="233033723">未了</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/3517363849" _msthash="769288" _msttexthash="13270647">QQ空间</a></span></div>				
						</div>
		</div>	
						<div class="clear"> </div>
		<div class="service-grids">
						<div class="images_1_of_4">
					 		<img src="image/stu/05.jpg" style="width:130px; height:130px;border-radius:100%">
					 		<h3 _msthash="690027" _msttexthash="13155142">巩嘉翔</h3>
					 		<p _msthash="670124" _msttexthash="233033723">玥彤</p>
				     		<div class="button"><span><a href="https://user.qzone.qq.com/2862598569" _msthash="768079" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="image/stu/06.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="690430" _msttexthash="15857387">巩正辉</h3>
							 <p _msthash="670527" _msttexthash="233033723">小灰灰</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/2893517304" _msthash="768482" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
		</div>						
		<div class="service-grids">	
						<div class="images_1_of_4">
							 <img src="image/stu/no.png" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="690833" _msttexthash="13985803">郝家锴</h3>
							 <p _msthash="670930" _msttexthash="233033723">缺少信息</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/" _msthash="768885" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="image/stu/08.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="691236" _msttexthash="10530234">侯文静</h3>
							 <p _msthash="671333" _msttexthash="233033723">一笑而过</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/3565496952" _msthash="769288" _msttexthash="13270647">QQ空间</a></span></div>				
						</div>
		</div>
						<div class="clear"> </div>
		<div class="service-grids">
						<div class="images_1_of_4">
					 		<img src="./image/stu/09.jpg" style="width:130px; height:130px;border-radius:100%">
					 		<h3 _msthash="690027" _msttexthash="13155142">户学烁(班长)</h3>
							<p _msthash="670124" _msttexthash="233033723" style="color: darkturquoise">殇零-陌隐·弦落</p>							
				     		<div class="button"><span><a href="https://user.qzone.qq.com/1951139041" _msthash="768079" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="./image/stu/10.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="690430" _msttexthash="15857387">黄慈媛</h3>
							 <p _msthash="670527" _msttexthash="233033723">⇔Estelle </p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/3177839480" _msthash="768482" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
		</div>						
		<div class="service-grids">	
						<div class="images_1_of_4">
							 <img src="./image/stu/11.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="690833" _msttexthash="13985803">解志洋</h3>
							 <p _msthash="670930" _msttexthash="233033723">余生请你指教~志洋</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/204114341" _msthash="768885" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="./image/stu/12.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="691236" _msttexthash="10530234">鞠明雨</h3>
							 <p _msthash="671333" _msttexthash="233033723">臻橙</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/201329787" _msthash="769288" _msttexthash="13270647">QQ空间</a></span></div>				
						</div>						
		</div>
						<div class="clear"> </div>
		<div class="service-grids">
						<div class="images_1_of_4">
					 		<img src="image/stu/no.png" style="width:130px; height:130px;border-radius:100%">
					 		<h3 _msthash="690027" _msttexthash="13155142">李连讯</h3>
					 		<p _msthash="670124" _msttexthash="233033723">缺少信息</p>
				     		<div class="button"><span><a href="https://user.qzone.qq.com/" _msthash="768079" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
					 		<img src="image/stu/no.png" style="width:130px; height:130px;border-radius:100%">
					 		<h3 _msthash="690027" _msttexthash="13155142">李美雅</h3>
					 		<p _msthash="670124" _msttexthash="233033723">缺少信息</p>
				     		<div class="button"><span><a href="https://user.qzone.qq.com/" _msthash="768079" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
		</div>						
		<div class="service-grids">	
						<div class="images_1_of_4">
							 <img src="./image/stu/15.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="690833" _msttexthash="13985803">李沛霖</h3>
							 <p _msthash="670930" _msttexthash="233033723">会说话的星星</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/1580915838" _msthash="768885" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="./image/stu/16.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="691236" _msttexthash="10530234">李树杭</h3>
							 <p _msthash="671333" _msttexthash="233033723">'qi,"\o.o/",ip'</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/3376358628" _msthash="769288" _msttexthash="13270647">QQ空间</a></span></div>				
						</div>	
		</div>
						<div class="clear"> </div>
		<div class="service-grids">
						<div class="images_1_of_4">
					 		<img src="image/stu/no.png" style="width:130px; height:130px;border-radius:100%">
					 		<h3 _msthash="690027" _msttexthash="13155142">李怡菁</h3>
					 		<p _msthash="670124" _msttexthash="233033723">缺少信息</p>
				     		<div class="button"><span><a href="https://user.qzone.qq.com/" _msthash="768079" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="./image/stu/18.png" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="690430" _msttexthash="15857387">李祖涵</h3>
							 <p _msthash="670527" _msttexthash="233033723">落叶才知秋</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/321142457" _msthash="768482" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
		</div>						
		<div class="service-grids">	
						<div class="images_1_of_4">
					 		<img src="image/stu/no.png" style="width:130px; height:130px;border-radius:100%">
					 		<h3 _msthash="690027" _msttexthash="13155142">刘瑕</h3>
					 		<p _msthash="670124" _msttexthash="233033723">缺少信息</p>
				     		<div class="button"><span><a href="https://user.qzone.qq.com/" _msthash="768079" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="./image/stu/20.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="691236" _msttexthash="10530234">刘钊辰</h3>
							 <p _msthash="671333" _msttexthash="233033723">刘钊辰</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/2081927797" _msthash="769288" _msttexthash="13270647">QQ空间</a></span></div>				
						</div>						
		 </div>
						<div class="clear"> </div>
		<div class="service-grids">
						<div class="images_1_of_4">
					 		<img src="./image/stu/21.jpg" style="width:130px; height:130px;border-radius:100%">
					 		<h3 _msthash="690027" _msttexthash="13155142">柳雅楠</h3>
					 		<p _msthash="670124" _msttexthash="233033723">青衫不改旧人还</p>
				     		<div class="button"><span><a href="https://user.qzone.qq.com/3309529225" _msthash="768079" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="./image/stu/22.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="690430" _msttexthash="15857387">吕相辉</h3>
							 <p _msthash="670527" _msttexthash="233033723">饕齫齾龖龗龞嬲嫐龘靐鱻麤</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/3543745662" _msthash="768482" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
		</div>						
		<div class="service-grids">	
						<div class="images_1_of_4">
					 		<img src="image/stu/no.png" style="width:130px; height:130px;border-radius:100%">
					 		<h3 _msthash="690027" _msttexthash="13155142">吕欣芮</h3>
					 		<p _msthash="670124" _msttexthash="233033723">缺少信息</p>
				     		<div class="button"><span><a href="https://user.qzone.qq.com/" _msthash="768079" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="./image/stu/24.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="691236" _msttexthash="10530234">马菁钖</h3>
							 <p _msthash="671333" _msttexthash="233033723">哆啦Y梦</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/2043488231" _msthash="769288" _msttexthash="13270647">QQ空间</a></span></div>				
						</div>						
		 </div>
						<div class="clear"> </div>
		<div class="service-grids">
						<div class="images_1_of_4">
					 		<img src="./image/stu/25.jpg" style="width:130px; height:130px;border-radius:100%">
					 		<h3 _msthash="690027" _msttexthash="13155142">马骏</h3>
					 		<p _msthash="670124" _msttexthash="233033723">夏日跑分</p>
				     		<div class="button"><span><a href="https://user.qzone.qq.com/1813142516" _msthash="768079" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="./image/stu/26.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="690833" _msttexthash="13985803">马明役</h3>
							 <p _msthash="670930" _msttexthash="233033723">网恋被骗900块</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/2719757083" _msthash="768885" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
		</div>						
		<div class="service-grids">	
						<div class="images_1_of_4">
							 <img src="./image/stu/27.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="690430" _msttexthash="15857387">潘瑞颖</h3>
							 <p _msthash="670527" _msttexthash="233033723">大郎 喝药</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/1362035965" _msthash="768482" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
					 		<img src="image/stu/no.png" style="width:130px; height:130px;border-radius:100%">
					 		<h3 _msthash="690027" _msttexthash="13155142">乞佳鑫</h3>
					 		<p _msthash="670124" _msttexthash="233033723">缺少信息</p>
				     		<div class="button"><span><a href="https://user.qzone.qq.com/" _msthash="768079" _msttexthash="13270647">QQ空间</a></span></div>
						</div>												
		 </div>
						<div class="clear"> </div>
		<div class="service-grids">
						<div class="images_1_of_4">
							 <img src="./image/stu/29.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="691236" _msttexthash="10530234">史保烁</h3>
							 <p _msthash="671333" _msttexthash="233033723">史保烁</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/2705510868" _msthash="769288" _msttexthash="13270647">QQ空间</a></span></div>				
						</div>
						<div class="images_1_of_4">
					 		<img src="./image/stu/30.jpg" style="width:130px; height:130px;border-radius:100%">
					 		<h3 _msthash="690027" _msttexthash="13155142">王全乐</h3>
					 		<p _msthash="670124" _msttexthash="233033723">自由如风</p>
				     		<div class="button"><span><a href="https://user.qzone.qq.com/2791068318" _msthash="768079" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
		</div>						
		<div class="service-grids">	
						<div class="images_1_of_4">
							 <img src="./image/stu/31.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="690430" _msttexthash="15857387">王振宇</h3>
							 <p _msthash="670527" _msttexthash="233033723">王振宇</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/1460258319" _msthash="768482" _msttexthash="13270647">QQ空间</a></span></div>
						</div>						
						<div class="images_1_of_4">
							 <img src="./image/stu/32.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="691236" _msttexthash="10530234">王子彤</h3>
							 <p _msthash="671333" _msttexthash="233033723">美女且黑化98</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/2446017759" _msthash="769288" _msttexthash="13270647">QQ空间</a></span></div>				
						</div>						
		 </div>
						<div class="clear"> </div>					
		<div class="service-grids">
						<div class="images_1_of_4">
					 		<img src="./image/stu/33.jpg" style="width:130px; height:130px;border-radius:100%">
					 		<h3 _msthash="690027" _msttexthash="13155142">王子远</h3>
					 		<p _msthash="670124" _msttexthash="233033723">🌙</p>
				     		<div class="button"><span><a href="https://user.qzone.qq.com/3043671145" _msthash="768079" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="./image/stu/34.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="690430" _msttexthash="15857387">吴怡霏</h3>
							 <p _msthash="670527" _msttexthash="233033723">万众皆迷画中仙</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/2018976591" _msthash="768482" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
		</div>						
		<div class="service-grids">	
						<div class="images_1_of_4">
					 		<img src="image/stu/no.png" style="width:130px; height:130px;border-radius:100%">
					 		<h3 _msthash="690027" _msttexthash="13155142">吴忠运</h3>
					 		<p _msthash="670124" _msttexthash="233033723">缺少信息</p>
				     		<div class="button"><span><a href="https://user.qzone.qq.com/" _msthash="768079" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="./image/stu/36.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="691236" _msttexthash="10530234">肖涵</h3>
							 <p _msthash="671333" _msttexthash="233033723">城南旧事</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/2087501512" _msthash="769288" _msttexthash="13270647">QQ空间</a></span></div>				
						</div>						
		 </div>
						<div class="clear"> </div>					
		<div class="service-grids">
						<div class="images_1_of_4">
					 		<img src="image/stu/no.png" style="width:130px; height:130px;border-radius:100%">
					 		<h3 _msthash="690027" _msttexthash="13155142">肖凯琳</h3>
					 		<p _msthash="670124" _msttexthash="233033723">缺少信息</p>
				     		<div class="button"><span><a href="https://user.qzone.qq.com/" _msthash="768079" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="./image/stu/38.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="690430" _msttexthash="15857387">邢博涵</h3>
							 <p _msthash="670527" _msttexthash="233033723">BH_bro．</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/3049750141" _msthash="768482" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
		</div>						
		<div class="service-grids">	
						<div class="images_1_of_4">
					 		<img src="image/stu/no.png" style="width:130px; height:130px;border-radius:100%">
					 		<h3 _msthash="690027" _msttexthash="13155142">邢文倩</h3>
					 		<p _msthash="670124" _msttexthash="233033723">缺少信息</p>
				     		<div class="button"><span><a href="https://user.qzone.qq.com/" _msthash="768079" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="./image/stu/40.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="691236" _msttexthash="10530234">杨梦茹</h3>
							 <p _msthash="671333" _msttexthash="233033723">🍒  甜 兮 V 🍒</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/1355836728" _msthash="769288" _msttexthash="13270647">QQ空间</a></span></div>				
						</div>						
		 </div>
						<div class="clear"> </div>					
		<div class="service-grids">
						<div class="images_1_of_4">
					 		<img src="./image/stu/41.jpg" style="width:130px; height:130px;border-radius:100%">
					 		<h3 _msthash="690027" _msttexthash="13155142">原帧祯</h3>
					 		<p _msthash="670124" _msttexthash="233033723">Nowitzki</p>
				     		<div class="button"><span><a href="https://user.qzone.qq.com/2762134831" _msthash="768079" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="./image/stu/42.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="690430" _msttexthash="15857387">云勇明</h3>
							 <p _msthash="670527" _msttexthash="233033723">九州</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/2959124455" _msthash="768482" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
		</div>						
		<div class="service-grids">	
						<div class="images_1_of_4">
							 <img src="./image/stu/43.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="690833" _msttexthash="13985803">张繁一</h3>
							 <p _msthash="670930" _msttexthash="233033723">布莱品。</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/2454419162" _msthash="768885" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="./image/stu/44.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="691236" _msttexthash="10530234">张华腾</h3>
							 <p _msthash="671333" _msttexthash="233033723">上善若水</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/1632683505" _msthash="769288" _msttexthash="13270647">QQ空间</a></span></div>				
						</div>						
		 </div>
						<div class="clear"> </div>					
		<div class="service-grids">
						<div class="images_1_of_4">
					 		<img src="./image/stu/45.jpg" style="width:130px; height:130px;border-radius:100%">
					 		<h3 _msthash="690027" _msttexthash="13155142">张彤彤</h3>
					 		<p _msthash="670124" _msttexthash="233033723">づ柚稚ヾ</p>
				     		<div class="button"><span><a href="https://user.qzone.qq.com/2856382109" _msthash="768079" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="./image/stu/46.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="690430" _msttexthash="15857387">张宛瑾</h3>
							 <p _msthash="670527" _msttexthash="233033723">神说要有光</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/3129393041" _msthash="768482" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
		</div>						
		<div class="service-grids">	
						<div class="images_1_of_4">
							 <img src="./image/stu/47.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="690833" _msttexthash="13985803">张晓萌</h3>
							 <p _msthash="670930" _msttexthash="233033723">窥星.</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/3457475507" _msthash="768885" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="./image/stu/48.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="691236" _msttexthash="10530234">张馨茹</h3>
							 <p _msthash="671333" _msttexthash="233033723">⊙</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/2146775861" _msthash="769288" _msttexthash="13270647">QQ空间</a></span></div>				
						</div>						
		 </div>
						<div class="clear"> </div>					
		<div class="service-grids">
						<div class="images_1_of_4">
					 		<img src="./image/stu/49.jpg" style="width:130px; height:130px;border-radius:100%">
					 		<h3 _msthash="690027" _msttexthash="13155142">张妍</h3>
					 		<p _msthash="670124" _msttexthash="233033723">ZY</p>
				     		<div class="button"><span><a href="https://user.qzone.qq.com/3139839398" _msthash="768079" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="./image/stu/50.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="690430" _msttexthash="15857387">张莹姿</h3>
							 <p _msthash="670527" _msttexthash="233033723">nana味的奶昔♛</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/1691978674" _msthash="768482" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
		</div>						
		<div class="service-grids">	
						<div class="images_1_of_4">
					 		<img src="image/stu/no.png" style="width:130px; height:130px;border-radius:100%">
					 		<h3 _msthash="690027" _msttexthash="13155142">张子涵</h3>
					 		<p _msthash="670124" _msttexthash="233033723">缺少信息</p>
				     		<div class="button"><span><a href="https://user.qzone.qq.com/" _msthash="768079" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="./image/stu/52.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="691236" _msttexthash="10530234">张梓涵</h3>
							 <p _msthash="671333" _msttexthash="233033723">张梓涵</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/237373560" _msthash="769288" _msttexthash="13270647">QQ空间</a></span></div>				
						</div>						
		 </div>
						<div class="clear"> </div>					
		<div class="service-grids">
						<div class="images_1_of_4">
					 		<img src="image/stu/no.png" style="width:130px; height:130px;border-radius:100%">
					 		<h3 _msthash="690027" _msttexthash="13155142">张紫璇</h3>
					 		<p _msthash="670124" _msttexthash="233033723">缺少信息</p>
				     		<div class="button"><span><a href="https://user.qzone.qq.com/" _msthash="768079" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="image/stu/54.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="690430" _msttexthash="15857387">赵冬旭</h3>
							 <p _msthash="670527" _msttexthash="233033723">纵然万劫不复</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/3230826852" _msthash="768482" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
		</div>						
		<div class="service-grids">	
						<div class="images_1_of_4">
							 <img src="image/stu/55.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="690833" _msttexthash="13985803">赵一帆</h3>
							 <p _msthash="670930" _msttexthash="233033723">坠花湮，湮没一朝风涟々</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/3121610273" _msthash="768885" _msttexthash="13270647">QQ空间</a></span></div>
						</div>
						<div class="images_1_of_4">
							 <img src="image/stu/56.jpg" style="width:130px; height:130px;border-radius:100%">
							 <h3 _msthash="691236" _msttexthash="10530234">周彦汝</h3>
							 <p _msthash="671333" _msttexthash="233033723">成功</p>
						     <div class="button"><span><a href="https://user.qzone.qq.com/241264649" _msthash="769288" _msttexthash="13270647">QQ空间</a></span></div>				
						</div>						
		</div>
						<div class="clear"> </div>
		<div class="service-grids"><div/>
	</div>
</div>

<!-----------//service//------------>

<!-----------portfolio-------------->

</div>
<!-----------//portfolio//----------->
<!-----------start-team-------------->
<div class="team" id="team">
				 <div class="wrap" style="align-items: center">
				 		<div class="heading_h">
							<h3><a _msthash="371098" _msttexthash="6020846">教师团队</a></h3>
						</div>	
				 		<div class="middle-grids"  style="alignment-baseline: center">
							<div class="grid_1_of_4 images_1_of_4">					 			
								<img src="image/tea/shu.png" style="width:10em; height:10em;border-radius:100%; overflow:hidden;">
					 			<h3 _msthash="566748" _msttexthash="28833818">焦明霞</h3>
					 			<h4 _msthash="567580" _msttexthash="31841680">数学老师兼班主任</h4>
					 			
							</div>
							<div class="grid_1_of_4 images_1_of_4">		
								 <img src="image/tea/yv.png" style="width:10em; height:10em;border-radius:100%; overflow:hidden;">
								 <h3 _msthash="567112" _msttexthash="25061686">郝慧</h3>
								 <h4 _msthash="567944" _msttexthash="10386740">语文老师</h4>
				   			</div>
					</div>
						<div class="middle-grids"  style="alignment-baseline: center">		
							<div class="grid_1_of_4 images_1_of_4">
								 <img src="image/tea/ying.png" style="width:10em; height:10em;border-radius:100%; overflow:hidden;">
							 	<h3 _msthash="567476" _msttexthash="18771415">邢丽娜</h3>
							 	<h4 _msthash="568308" _msttexthash="31841680">英语老师</h4>						    
							</div>		
							<div class="grid_1_of_4 images_1_of_4">
								 <img src="image/tea/wu.png" style="width:10em; height:10em;border-radius:100%; overflow:hidden;">
							 	<h3 _msthash="567476" _msttexthash="18771415">马春军</h3>
							 	<h4 _msthash="568308" _msttexthash="31841680">物理老师</h4>						    
							</div>
				   </div>
						<div class="middle-grids"  style="alignment-baseline: center">
							<div class="grid_1_of_4 images_1_of_4">
								 <img src="image/tea/zheng.png" style="width:10em; height:10em;border-radius:100%; overflow:hidden;">
							 	<h3 _msthash="567476" _msttexthash="18771415">张凤燕</h3>
							 	<h4 _msthash="568308" _msttexthash="31841680">政治老师</h4>						    
							</div>						
							<div class="grid_1_of_4 images_1_of_4">
								 <img src="image/tea/hua.png" style="width:10em; height:10em;border-radius:100%; overflow:hidden;">
							 	<h3 _msthash="567476" _msttexthash="18771415">赵世潭</h3>
							 	<h4 _msthash="568308" _msttexthash="31841680">化学老师</h4>						    
							</div>
				   </div>
						<div class="middle-grids"  style="alignment-baseline: center">
							<div class="grid_1_of_4 images_1_of_4">
								 <img src="image/tea/li.png" style="width:10em; height:10em;border-radius:100%; overflow:hidden;">
							 	<h3 _msthash="567476" _msttexthash="18771415">张仲</h3>
							 	<h4 _msthash="568308" _msttexthash="31841680">历史老师</h4>						    
							</div>
							<div class="grid_1_of_4 images_1_of_4">
								 <img src="image/tea/liu.jpg" style="width:10em; height:10em;border-radius:100%; overflow:hidden;">
							 	<h3 _msthash="567476" _msttexthash="18771415">刘鹏</h3>
							 	<h4 _msthash="568308" _msttexthash="31841680">前历史老师</h4>						    
							</div>		
				   </div>
						<div class="middle-grids"  style="alignment-baseline: center">
							<div class="grid_1_of_4 images_1_of_4">
								 <img src="image/tea/sheng.png" style="width:10em; height:10em;border-radius:100%; overflow:hidden;">
							 	<h3 _msthash="567476" _msttexthash="18771415">石鹏斐</h3>
							 	<h4 _msthash="568308" _msttexthash="31841680">生物老师</h4>						    
							</div>	
							<div class="grid_1_of_4 images_1_of_4">
								 <img src="image/tea/di.png" style="width:10em; height:10em;border-radius:100%; overflow:hidden;">
							 	<h3 _msthash="567476" _msttexthash="18771415">郝广彪</h3>
							 	<h4 _msthash="568308" _msttexthash="31841680">地理老师</h4>						    
							</div>
				   </div>
						<div class="middle-grids"  style="alignment-baseline: center">				
							<div class="grid_1_of_4 images_1_of_4">
								 <img src="image/tea/di.png" style="width:10em; height:10em;border-radius:100%; overflow:hidden;">
							 	<h3 _msthash="567476" _msttexthash="18771415">高咏雪</h3>
							 	<h4 _msthash="568308" _msttexthash="31841680">前政治老师</h4>						    
							</div>
							<div class="grid_1_of_4 images_1_of_4">
								 <img src="image/tea/zhu.png" style="width:10em; height:10em;border-radius:100%; overflow:hidden;">
							 	<h3 _msthash="567476" _msttexthash="18771415">刘英才</h3>
							 	<h4 _msthash="568308" _msttexthash="31841680">年级组主任(凑个数)</h4>						    
							</div>
							 <div class="clear"> </div>							
					</div>
		 		</div>
</div>
<!----------end-team----------------->
<!-----------start-pricing----------->

		<!----End-pricingplans---->
<!-----------end-pricing------------->
<!---------text-slider------------->
<div id="navbtn">
		 <div class="wmuSlider example1" style="height: 999em;">
		 	<div class="wrap">
				<div class="heading_h">
							<h3><a _msthash="371098" _msttexthash="6020846" style="font-size: 3em">精选表情包<br>欢迎投稿<br/><a href="./pic.html">点击我查看更多</a></a></h3>
						</div>	
			   <article style="position: absolute; height:60em;opacity: 0;"> 
				   	
					<div class="cont span_2_of_3">
						    <h4 _msthash="1135680" _msttexthash="15355184" style="font-size: 2em">肇事潭医生（作者：马骏）</h4>
						<img src="image/emojy/zhao6.jpg" height="500em"></img><div class="clear">	 
					</div>
				</article>
				 <article style="position: absolute; height:60em; opacity: 0;"> 
				   	<div class="cont span_2_of_3">
						    <h4 _msthash="1136135" _msttexthash="15355184">快乐化学课堂（作者：马骏）</h4>
						<img src="image/emojy/zhao9.gif" height="500em"></img>
					</div>
				 </article>
				 <article style="position: relative; height:60em; opacity: 1;"> 
				   	<div class="cont span_2_of_3">
						    <h4 _msthash="1136590" _msttexthash="15355184">郝慧遗照（作者：马骏）</h4>
						<img src="image/emojy/hao1.jpg" height="500em"></img>					    
				 </article>
				<article style="position: relative; height:60em; opacity: 1;"> 
				   	<div class="cont span_2_of_3">
						    <h4 _msthash="1136590" _msttexthash="15355184">保烁保烁真不错（作者：吕相辉）</h4>
						<img src="image/emojy/liu3.gif"height="500em">	    
					</div>
				 </article>
                  <script src="./js/jquery.wmuSlider.js"></script> 
					<script>
       				     $('.example1').wmuSlider();         
   					</script> 	           	      
	         
	     </div>
</div>
<!----------//text-slider------------>
<!--------start-contact-----------> 
 
     <!-- scroll_top_btn -->
<!--------//end-contact----------->

		
</div>
			
<ul class="right_nav">  
  <li>
    <div class="iconBox"> <img src="image/student.png" alt="">
      <h4>学生党员</h4>
    </div>
	</li>
  <li>
    <div class="iconBox"> <img src="image/teacher.png" alt="">
      <h4>教师团队</h4>
    </div>
  </li>
  <li>
    <div class="iconBox"> <img src="image/http.png" alt="">
      <h4>学校链接</h4>
    </div>
  </li>
  <li>
    <div class="iconBox"> <img src="image/github.png" alt="">
      <h4>项目主页</h4>
    </div>
  </li>
  <li>
    <div class="iconBox"> <img src="image/gitee.png" alt="">
      <h4>码云主页</h4>
    </div>
  </li>
  <li>
    <div class="iconBox"> <img src="image/about.png" alt="">
      <h4>关于网页</h4>		
    </div>
  </li>
  <li>
    <div class="iconBox"><img src="image/mail.png" alt="" >
      <h4>给我写信</h4>
    </div>    
  </li>
  <li>
    <div class="iconBox"> <img src="image/gongshe.png" alt="">
      <h4>来大公社</h4>
    </div>    
  </li>
  <li>
    <div class="iconBox"> <img src="image/huaji.png" alt="">
      <h4>表情包区</h4>
    </div>     
  </li>
  <li style="display: none;">
    <div class="iconBox top"> <img src="image/return.png" alt="">
      <h4>回到顶部</h4>
    </div>
  </li>
</ul>
<script src="js/jquery-3.4.1.js"></script> 
<script type="text/javascript">
$(function () {
    var offset_top = $('.right_nav').offset().top; //获取右侧导航距离顶部的高度
    var begin = 0,
       end = 0,
       timer = null;
    $('.right_nav li:last').hide(); //先将回到顶部隐藏

    $(window).scroll(function () {
       clearInterval(timer);
       var scroll_top = $(window).scrollTop();
       end = offset_top + scroll_top;
       scroll_top > 100 ? $('.right_nav li:last').fadeIn() : $('.right_nav li:last').fadeOut(); //滚动距离判断是否显示回到顶部

       timer = setInterval(function () { //滚动定时器
          begin = begin + (end - begin) * 0.2;
          if (Math.round(begin) === end) {
             clearInterval(timer);
          }
       }, 10);
    });
 });

 //右侧导航伸缩效果
 var right_nav = $(".right_nav");
 var tempS;
 $(".right_nav").hover(function () {
       var thisObj = $(this);
       tempS = setTimeout(function () {
          thisObj.find("li").each(function (i) {
             var tA = $(this);
             setTimeout(function () {
                tA.animate({
                   right: "0"
                }, 200);
             }, 50 * i);
          });
       }, 200);
    },
    function () {
       if (tempS) {
          clearTimeout(tempS);
       }
       $(this).find("li").each(function (i) {
          var tA = $(this);
          setTimeout(function () {
             tA.animate({
                right: "-70"
             }, 200, function () {});
          }, 50 * i);
       });
    });

 //右侧导航点击事件
 $(".right_nav li").each(function (i) {
  if (i == 0){
       $(this).click(function () {
          location.href = './index.html#service';
       }
 )}else if (i == 1){
       $(this).click(function () {
          location.href = './index.html#team';
       }
 )}else if (i == 2) {
       $(this).click(function () {
          location.href = 'http://www.hbngzx.cn';
       })
 }else if (i == 3){
       $(this).click(function () {
          location.href = 'https://github.com/tenchat/classfour';
       }
 )}else if (i == 4){
       $(this).click(function () {
          location.href = 'https://gitee.com/dagongshe/classfour';
       }
 )}else if (i == 5){
       $(this).click(function () {
          location.href = './about.html';
       }
 )}else if (i == 6){
       $(this).click(function () {
          location.href = 'http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=RCtqdBszLCUwBDU1aicrKQ';
       }
 )}else if (i == 7){
       $(this).click(function () {
          location.href = 'https://jq.qq.com/?_wv=1027&k=5lZa88z';
       }
 )}else if (i == 8){
       $(this).click(function () {
          location.href = './index.html#navbtn';
       }
 )}else if (i == 9) {
       $(this).click(function () {
          $('body,html').animate({
             scrollTop: 0
          }, 400);
       })
    }})
</script>		 
</body>
</html>
